<template>
  <div>
    <ul class="search-list">
        <li class="search-item" v-for="item in searchList.message" :key="item.goods_id">
           <router-link :to="{name:'goods_info',params:{goods_id:item.goods_id}}">
             {{item.goods_name}}
           </router-link>
        </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'SearchList',
  props: {
    searchList: {
      type: Object,
      default () {
        return {}
      }
    }
  }
}
</script>

<style lang='scss' scoped>
.search-list{
  .search-item{
    padding: 15px 8px;
    border-bottom: 1px solid rgb(226, 226, 226);
    background-color: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
</style>
